<template>
	<view class="content">
		<view style="width: 750rpx;height: 232rpx;background-color: #0084FF;padding-top: 50rpx;" >
			<view class="top">
				支付成功，请您前往指定门店消费
			</view>
			<view style="margin-top:10rpx;margin-left: 35rpx;display: flex;">
				<image src="../../static/商家@2x.png" style="width: 48rpx;height: 48rpx;" />
				<view style="margin-left: 30rpx;">
					<view style="font-size: 35rpx;font-weight: bolder;color: white;">
						伟业汽车没人厂(人民路店）
					</view>
					<view style="font-size: 35rpx;font-weight: bolder;color: white;">
						山阳区人民中路32号
					</view>
				</view>
				<image src="../../static/plane@3x.png" style="width: 48rpx;height: 48rpx;margin-left: 100rpx;" />
			</view>
		</view>

		<view style="margin-left: 34rpx;margin-top: 20rpx;">
			<view style="font-size: 36rpx;font-weight: bolder;">
				订单详情
			</view>
			<view style="width:696rpx;height: 184rpx;box-shadow:10rpx 10rpx 20rpx #EDEDED;border-radius:25rpx ;">
				<view style="display: flex;margin-top: 20rpx;">
					<view style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;">车辆精洗</view>
					<view
						style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;margin-left:400rpx ;">
						￥ 199
					</view>
				</view>
				<view style="display: flex;margin-top: 30rpx;">
					<view style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;">车辆附加费用
					</view>
					<view style="margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;margin-left:335rpx ;">￥ 199
					</view>
				</view>
			</view>
		</view>

		<view style="margin-left: 34rpx;margin-top: 20rpx;width: 696rpx;height: 290rpx;">
			<view style="width:696rpx;height: 290rpx;box-shadow:10rpx 10rpx 20rpx #EDEDED;border-radius:25rpx ;">
				<view style="border-bottom: 3rpx solid #D0D0D0;">
					<view style="display: flex;margin-top: 20rpx;">
						<view style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;">原价
						</view>
						<view style="margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;margin-left:460rpx ;">￥ 100
						</view>
					</view>
					<view class="">
						<view style="display: flex;margin-top: 20rpx; margin-bottom: 20rpx;">
							<view style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;">优惠
							</view>
							<view style="margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;margin-left:460rpx ;">
								-￥10

							</view>
						</view>
					</view>
				</view>
				<view style="display: flex;margin-top: 30rpx;">
					<view style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;">优惠卷</view>
					<view style="margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;margin-left:450rpx ;">-￥20
					</view>
				</view>
			</view>

			<view style="width:696rpx;height: 184rpx;box-shadow:10rpx 10rpx 20rpx #EDEDED;border-radius:25rpx ;">
				<view style="display: flex;margin-top: 20rpx;width:696rpx;height: 184rpx;line-height: 184rpx;">
					<view style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;">支付金额
					</view>
					<view
						style="margin-left: 10rpx;margin-top: 20rpx;font-size: 60rpx;font-weight: bolder;margin-left:400rpx ;color: #3DBD78 ;">
						￥{{baseFormData.price}}
					</view>
				</view>
			</view>

			<view style="margin-top: 20rpx;">
				<view style="font-size: 36rpx;font-weight: bolder;">
					订单信息
				</view>
				<view style="width:696rpx; height: 300rpx;box-shadow:10rpx 10rpx 20rpx #EDEDED;border-radius:25rpx ;">
					<view style="display: flex;margin-top: 20rpx;">
						<view style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;">
							订单号
						</view>
						<view
							style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;margin-left:200rpx ;">
							{{baseFormData.id}}
						</view>
					</view>
					<view style="display: flex;margin-top: 10rpx;">
						<view style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;">下单时间：
						</view>
						<view style="margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;margin-left:125rpx ;">￥
							{{baseFormData.orderTime}}

						</view>
					</view>
					<view style="display: flex;margin-top: 30rpx;">
						<view style="margin-left: 10rpx;margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;">车辆：

						</view>
						<view style="margin-top: 20rpx;font-size: 35rpx;font-weight: bolder;margin-left:200rpx ;">
							奔驰FWE4/豫A98FHJ

						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseFormData:{}
			}
		},
		onLoad() {
			uni.request({
				url: "http://localhost:8080/merchant/orders/9",
				header: {
					'Authorization': 'Bearer ' + uni.getStorageSync('token')
				},
				method: "GET",
				success: (resp) => {
					console.log(resp)
					this.baseFormData=resp.data.data
				}
			})
		},
		methods: {
			getorders(){

			}
		}
	}
</script>

<style>
	page {
		width: 750rpx;
		background-color: white;
		height: 1500rpx;
	}

	.content {
		width: 750rpx;
		background-color: white;
	}

	.top {
		width: 640rpx;
		height: 60rpx;
		margin-left: 40rpx;
		/* background-color: red; */
		font-size: 35rpx;
		color: white;
		font-weight: bolder;
	}
</style>